遊戲該怎麼玩?

核心的玩法

• 探索地圖 -> 採集素材 -> 製作裝備 -> 和怪物戰鬥 -> 獲得獎勵 -> 挑戰更困難的地圖

這是一個典型的「循環式玩法 (Game Loop)」，玩家不斷在探索、成長與挑戰中獲得樂趣。
我希望能用簡單的介面，把這樣的流程做得直觀、好上手。

技術選擇

Vue3

Vue3 是我平常工作中主要使用的框架，但這次的 side project，我想更深入應用：

• Composition API：更乾淨的邏輯抽離，方便寫出可重用的 composables
• Pinia：作為狀態管理工具，保存玩家角色、背包與任務進度
• Vue Router：規劃玩家端頁面（角色資訊、任務列表、地圖探索）
• TypeScript：讓整個專案在型別上更嚴謹，減少 bug

Tailwind CSS

為了快速完成 UI，我會用 Tailwind CSS 搭配自定義的元件庫，
不僅能保持整體風格一致，也能節省設計版型的時間。

Mock 與 API

在遊戲初期，後端還沒完成時，我會用 MSW (Mock Service Worker) 來建立假資料 API，
方便前端先行開發，等到正式 API 出來再無痛切換。

測試

• Vitest：撰寫單元與組件測試，確保核心功能不被改壞
• Playwright：做端到端測試，例如「登入 -> 接任務 -> 完成任務」的完整流程

結語

這個專案的目標並不是打造一款商業化的大型遊戲，
而是透過遊戲開發的形式，讓我能更深入學習前端技術、練習架構設計，
並最終完成一個能放進履歷的完整作品。